@use "./variables.scss" as *;
@use "sass:color";

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-thumb {
  background-color: color.mix(#fff, transparent, 30%);
  border: 3px solid transparent;
  border-radius: 7px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: color.mix(#fff, $qf-primary, 30%);
}

@mixin base-scrollbar {
  &::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  &::-webkit-scrollbar-thumb {
    background-color: color.mix(#fff, transparent, 30%);
    border: 3px solid transparent;
    border-radius: 7px;
  }
  &::-webkit-scrollbar-thumb:hover {
    background-color: color.mix(#fff, $qf-primary, 30%);
  }
}